<template>
  <div
    class="sticky bg-c-bg-grey pb-4 top-0 pt-[30px] z-10"
    :class="[
      { 'border-none': !y },
      { 'border-b': y },
      { 'border-c-grey-xs': y }
    ]"
  >
    <div
      class="mx-auto bg-c-bg-grey flex flex-col gap-5 max-w-layout-xl-screen"
    >
      <OrganismTopNavigation />
      <OrganismMainFilterSearch />
    </div>
  </div>
</template>

<script setup lang="ts">
const { y } = useWindowScroll()
</script>

<style scoped lang="scss"></style>
